<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <head>
        <meta charset="utf-8">
        <title>总览</title>
        <link rel="stylesheet" href="../static/js/layui/css/layui.css" th:href="@{/js/layui/css/layui.css}" media="all">
        <script src="../static/js/layui/layui.js" th:src="@{/js/layui/layui.js}" charset="utf-8"></script>
    </head>
</head>
<body style="padding: 20px;">
<!-- 页面结构 -->
<div class="layui-main" style="width: auto">
    <!-- 表格上方标题 -->
    <blockquote class="layui-elem-quote">总览</blockquote>
    <!-- 用户表 -->
    <table id="user-tbl" lay-filter="user-tbl"></table>
</div>
<!-- 页面JS -->
<script>
    layui.use(['jquery', 'table', 'layer', 'form'], function() {
        // 加载layui模块，使用其推荐的【预先加载】方式，详见官网【模块规范】一节
        var $ = layui.$;
        var table = layui.table;
        var layer = layui.layer;
        var form = layui.form;

        // 显示所有用户
        table.render({
            elem: '#user-tbl',
            url: '/pandect/selectp',
            method: 'get',
            cols: [[
                {field: 'totalsum', title: '已发券总额度',width: 700,align:"center"},
                {field: 'summarysum', title: '现金券总额度',width: 700,align:"center"},
            ]
            ]
            // 表格容器id，用于表格重载
            ,id: 'user-tbl'
        });
    });
</script>
</body>
</html>